<template>
	<div class="Oindex">
		<div class="my-app">
			<h2 class="my-h2">订单管理</h2>

			<div class="main">
		<order-nav :activelist="activelist"></order-nav>
				<div class="right">
					<router-view />
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				
				activelist: [{
						index: "/Oticket",
						name: "门票验证",
						id:0,
					},
					{
						index: "/OorderDetails/3",
						name: "客户下单明细",
						id:1,
					},
					{
						index: "/OorderDetails/1",
						name: "当日未核销订单",
						id:3,
					},
					{
						index: "/OorderDetails/4",
						name: "异常订单处理",
						id:4,
					},
					{
						index: "/OorderDetails/2",
						name: "订单查询",
						id:2,
					},
				
				],
			}
		},
	}
</script>

<style scoped lang="less">
	.Oindex {
		.Notice {
			width: 100%;
			text-align: center;
		}

		.main {
			width: 100%;

			.left {
				width: 300px;
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-end;
			}

			.right {
				width: 1000px;
				box-sizing: border-box;
				margin: 20px 0;

				.total {
					width: 100%;
					height: 30px;
					line-height: 30px;
					text-align: center;
					display: flex;
					justify-content: flex-end;
					border-left: 1px solid #8b8b8b;
					border-bottom: 1px solid #8b8b8b;

					.to {
						border-right: 1px solid #8b8b8b;
					}
				}
			}

		}

	}
</style>
